$screen-xs-max :769px;

.course_brief_wrap {
    overflow: hidden;
}

.section_box {
    margin-top: 30px;
}

.section_list {
    height: 230px;
    width: 100%;
    overflow: auto;

    a {
        cursor: pointer;

        &.achieve {
            color: rgb(4, 58, 121);
            text-align: center;
        }

        &.ing {
            color: rgb(4, 58, 121);

        }
    }
}

// 六边形
.sixangle_wrap {
    color: white;
    a{
        color:white!important;
    }

    .hexIn {
        // background-color: #ccc3c3a8!important;
        // 已完成
        &.achieve {
            // background-color: rgb(254, 210, 51);
            background-color: rgb(4, 58, 121)!important;
            color: white;
            text-align: center;
        }

        // 进行中
        &.ing {
            // background-color: rgb(104, 211, 104);
            background-color: rgb(4, 58, 121)!important;
            color: white;
        }

    }
}




@media (max-width: $screen-xs-max) {
    .course_wrap {
        height: 300px;
        margin-top: 80px;
        box-shadow: none;
    }

    // 六边形
    .sixangle_wrap {
        position: relative;
        left: -12px !important; 
        margin-top: 0 !important;
    }

    .section_box {
        margin-top: 10px;
    }

    // 标题
    .section_title {
        padding-left: 10px;
    }
}